<template>
  <div>
    <p>mixin的使用：批量修改组件，给他们加上相同的功能</p>
    <p>数据对象在内部会进行递归合并，并在发生冲突时以组件数据优先</p>
    <p>同名钩子函数将合并为一个数组，因此都将被调用。另外，混入对象的钩子将在组件自身钩子之前调用。</p>
    <p>值为对象的选项，例如 methods、components 和 directives，将被合并为同一个对象。两个对象键名冲突时，取组件对象的键值对</p>
    <button @click="showNum">打印666</button>
  </div>
</template>

<script>
// 引入 mixin的代码
import mixins from '../mixin'
export default {
  // 混入到组件中
  mixins: [mixins],
  created() {
    console.log('我是son5');
  },
  methods: {
    // 组件的函数和混入的函数冲突时,以组件为准
    showNum() {
      console.log(777);
    }
  }
}
</script>

<style>

</style>